<template>
  <div class="head-view">
    <div class="head-view-left">
      <img src="" alt="" class="logo">
      <div class="title">统一管理</div>
    </div>
    <div class="head-view-right">
      <span class="user">{{userN.name}}</span>
      <el-dropdown @command="outSide">
        <span class="outUser icon-caidan07 iconfont"></span>
        <el-dropdown-menu slot="dropdown">
          <el-dropdown-item command="goOut">退出登录</el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
    </div>
  </div>
</template>

<script>
  export default {

    components: {
      // name
    },
    name: "headerTop",
    props: {
      userN: {
        type: Object,
        default: {}
      }
      // msg: String //  [name: typeof]
    },
    filters: {},
    computed: {},
    watch: {},
    data() {
      return {}
    },
    created() {

    },
    mounted() {

    },
    methods: {
      outSide(command) {
        this.$emit('outSide', command);
      }
    },
    destroyed() {

    }
  }
</script>

<style scoped lang="less">
  @import url("./headerTop");
</style>
